Github Pages & Hexo 搭建个人blog

发表于 | 分类于 | | 阅读数
字数统计: 1.4k | 阅读时长 ≈ 5

前言

趁着今天自习的机会，本着想花费一上午的时间来解决github pages&hexo搭建个人blog，结果啊整整花了一天，头一低一抬，8点又8点了。之所以有这个欲望是因为，之前都是用博客园写blog，第一天被学长瞅见，学长：low 逼！我也觉得low，苦在真的没空抽身搭建这个github pages，今天总算是忙里偷闲。

这个真的超级酷！！！！

其实搭建差不多花了俩三个小时吧，踩了不少坑。不过最让人兴奋的就是搭建好的时候，开始慢慢美化自己的blog的过程，真是美妙啊。那么这次和我一起研究搭建个人blog的呢，还有我的室友Musibii。那么当然不出意外的，我们也是借鉴了许许多多过去的经验贴啊，没想到还是踩了一个又一个的坑啊。好了，废话不多说，那么开始我们的表演吧。

Github

注册

那么既然我们要使用github pages，肯定就需要一个github的账号。
点击 Github 这个进入主页，然后点击右上角 sign up 一通操作后……恭喜你，成为了全球最大的同性交友网站的一员。（建议注册时用户名最好不要有大写字母！）

注册后，你就需要搭建一个库，点击左下方new repository，开始建库。

点击下边的create repository就注册成功啦。

这时候点击右上角的头像，选择your repositories，就可以看见你的库里有一个项目啦。

Hexo

这里我和Musibii在Hexo和Jekyll两个最流行的blog框架中，选择了Hexo(js速度比较快吧，其次据说学习成本低，没感觉低)

Hexo 基于Nodejs，如果你不是很熟悉这些不知道什么玩意的东西的话呢，暂时也不用深究，接下来的每一步都要小心小心仔细仔细，就ok啦。

  1. 安装git

    $ brew install git // 安装Git

    brew 是 homebrew 的功能之一，所以你需要install homebrew，这些安装都在你的终端/terminal当中完成，具体的安装homebrew命令官方网站中有。

  2. 安装nodejs

    安装nodejs呢，需要先安装nvm，nvm是nodejs的版本管理器，用来切换nodejs的版本，这里建议用curl方式安装，homebrew安装的方式会少文件夹，导致后边无法正常安装。

    $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

    安装完成后重启你的terimal，再安装nodejs。

    $ nvm install 8

    需要注意的是后边的8是nodejs的版本号，如果你隔了很久搜到了这篇帖子，请去查寻最新的nodejs的版本，否则会导致你的版本过低而在安装过程中出现warning，最后导致error。

  3. 安装hexo

    完成以上安装再安装hexo

    $ sudo npm install hexo-cli -g

    到这里呢所有的工具都已经安装好了

编写发布

接下来我们需要用Hexo初始化一个博客，然后更改一些自定义的配置，或者加上自己喜欢的主题，写上第一篇文章，然后发布到自己的个人Github网站(你的用户名.github.io)

  1. 创建博客

    下边出现的所有username都需替换成你自己的username

    $ hexo init username.github.io

    成功后会创建出一个名为 username.github.io的文件夹

  2. 更改配置

    主题安装

    我们为了使博客好看点，这里我们需要安装一个主题，在terminal中，进入刚刚生成username.github.io的文件夹目录，安装主题。

    $ cd username.github.io $ git clone https://github.com/iissnan/hexo-theme-next themes/next

    这是我现在用的主题。

    基础配置：我们可以在 文件夹中 打开username.github.io的文件夹 如果你不会vim之类的话，macos就是通过finder，找到username.github.io的文件夹下的_config.yml修改几个基础配置，注意配置的：后必须要有空格

    title: MakeUpStories //你博客的名字 author: oOC //你的名字 language: zh-Hans //语言 中文 theme: next //刚刚安装的主题名称 deploy: type: git //使用Git 发布 repo: https://github.com/username/username.github.io.git

    主题配置：

    主题配置文件在username.github.io/themes/next/_config.yml中修改。

    可以先去hexo next官网中，查看官方文档，把基础的看完，你就可以去简书啊之类的查看更加进阶的设置，目前我的设置页十分的基础。

  3. 写文章

    写文章的话我这里直接用的内置username.github.io/source/_posts下的helloworld.md文件进行测试。

  4. 测试

    $ hexo s

    进行服务器测试，在终端中你会收到返回信息，在https://localhost:4000中你可以查看当前的blog是什么样子的。

  5. 安装hero-deployer-git工具

    如果之前一切都顺利的话，在这里就可以设置自动部署发布工具啦

    $ npm install hexo-deployer-git --save

  6. 发布

    最后的最后，如果你的测试一切都ok，没有问题的话，我们就生成一个静态网页文件发布至我们的github pages当中啦。

    $ hexo clean && hexo g && hexo d

    在输入命令之后，会让你输入github的邮箱！！一定是邮箱和密码，别以为用户名能登陆就用用户名，一定要用邮箱啊！然后你的blog就被上传至github了，以后写完blog，都要执行一下这个命令上传blog。

最后：我的blog

https://makeupstories.github.io/

这是我的第一篇blog，之后有空的话，我还会更新如何搭建科学上网，以及在mac系统上比较好用的app和小插件，另外还有我的python学习之路。